<html>
<head>
  <title><g:layoutTitle default="Grails"/></title>
  <link rel="stylesheet" href="${createLinkTo(dir: 'css', file: 'main.css')}"/>
  <link rel="stylesheet" href="${createLinkTo(dir: 'css', file: 'goal98.css')}"/>  
  <link rel="shortcut icon" href="${createLinkTo(dir: 'images', file: 'favicon.ico')}" type="image/x-icon"/>
  <g:layoutHead/>
  %{--<g:javascript library="application" />--}%
  <script src="${createLinkTo(dir: 'js', file: 'application.js')}" type="text/javascript"></script>

  <style type="text/css">
  /*Tempaly not display*/
  #languageSelection {
    display: none;
  }

  #languageSelection ul li {
    float: right;
    margin: 0 0.5em 0 0;
  }
  </style>

</head>
<body>
<div id="languageSelection">
  <ul>
    <li><g:link url="" params="[lang:'en']">English</g:link></li>
    <li><g:link url="" params="[lang:'zh_CN']">中文</g:link></li>
  </ul>
</div>
<div id="spinner" class="spinner" style="display:none;">
  <img src="${createLinkTo(dir: 'images', file: 'spinner.gif')}" alt="Spinner"/>
</div>
<div class="logo"><img src="${createLinkTo(dir: 'images', file: 'goal98banner_big.jpg')}" alt="Goal98.com"/></div>
<g:layoutBody/>
<g:render template="/shared/ICP"/>
<g:render template="/shared/googleAnalytics"/>
</body>
</html>